<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="the search component">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" href="../../favicon.ico">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/search.css">
    <title>Search Component</title>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <form class="form-inline" role="search">
                <div class="form-group">
                    <lable class="sr-only" for="srch-term">Search:</lable>
                    <div class="input-group">
                        <input type="search" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
                        <div class="input-group-addon">.00</div>
                    </div>

                    <div class="history">
                        <div class="history-item">Apple</div>
                        <div class="history-item">Apple</div>
                        <div class="history-item">Apple</div>
                    </div>
                </div>
                <button class="btn btn-primary" type="submit">Search</button>
            </form>
        </div>
    </div>
</div>
<script src="../js/vendor/jquery-{{JQUERY_VERSION}}.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/vendor/jquery-{{JQUERY_VERSION}}.min.js"><\/script>')</script>
<script src="../js/bootstrap.js"></script>

<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
    (function (b, o, i, l, e, r) {
        b.GoogleAnalyticsObject = l;
        b[l] || (b[l] =
            function () {
                (b[l].q = b[l].q || []).push(arguments)
            });
        b[l].l = +new Date;
        e = o.createElement(i);
        r = o.getElementsByTagName(i)[0];
        e.src = 'https://www.google-analytics.com/analytics.js';
        r.parentNode.insertBefore(e, r)
    }(window, document, 'script', 'ga'));
    ga('create', 'UA-XXXXX-X', 'auto');
    ga('send', 'pageview');
</script>
</body>
</html>
